/**
This is taken verbatim from official Stripe CSS: http://jsfiddle.net/luddep/vM7R7/
We dont want to lint this file, since it's copied verbatim.
 */
/* stylelint-disable */
.stripe-connect {
	display: inline-block;
	margin-bottom: 1px;

	background-image: -webkit-linear-gradient(#28A0E5, #015E94);
	background-image: -moz-linear-gradient(#28A0E5, #015E94);
	background-image: -ms-linear-gradient(#28A0E5, #015E94);
	background-image: linear-gradient(#28A0E5, #015E94);

	-webkit-font-smoothing: antialiased;
	border: 0;
	padding: 1px;
	height: 30px;
	text-decoration: none;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

	cursor: pointer;

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stripe-connect span {
	display: block;
	position: relative;
	padding: 0 12px 0 44px;
	height: 30px;

	background: #1275FF;
	background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);

	font-size: $font-body-small;
	line-height: 30px;
	color: white;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.stripe-connect span:before {
	content: '';
	display: block;
	position: absolute;
	left: 11px;
	top: 50%;
	width: 23px;
	height: 24px;
	margin-top: -12px;
	background-repeat: no-repeat;
	background-size: 23px 24px;
}

.stripe-connect:active {
	background: #005D93;
}

.stripe-connect:active span {
	color: #EEE;

	background: #008CDD;
	background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
	background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);

	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect:active span:before {

}





/* Images*/

.stripe-connect span:before, .stripe-connect.blue span:before {
	background-image: url("");
}


/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	.stripe-connect span:before, .stripe-connect.blue span:before {
		background-image: url("");
	}
}